<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>我的作业</title>
    <div data-th-replace="layout/head"></div>
    <!--初始公共加载过渡动画-->
    <script type="text/javascript"
            th:src='@{{path}/front/mobile/libs/page-loading.min.js?v={v}(path=${staticPath}, v=${v})}'
            charset="utf-8"></script>
</head>
<body>
<!-- top bar -->
<header class="bar bar-nav">
    <a class="button button-link button-nav pull-left goBack" onclick="goBack();">
        <span class="iconfont icon-fanhui"></span>
    </a>
    <h1 class="title">我的作业</h1>
</header>
<!-- top bar end-->

<div class="content wm-content order-content operation-content of">
    <input type="hidden" id="status" value=""/>
    <div class="wp-live card">
        <div class="row no-gutter wl-live-left">
            <div class="col-50">
                <section class="operation-inx-ico operation-inx-ico-1">&nbsp;</section>
                <aside class="mt5"><span class="fs5 c-888">完成作业</span></aside>
                <strong class="fs8 c-000" id="finishCount" th:text="${finishCount}">0</strong>
            </div>
            <div class="col-50">
                <section class="operation-inx-ico operation-inx-ico-2">&nbsp;</section>
                <aside class="mt5"><span class="fs5 c-888">作业总数</span></aside>
                <strong class="fs8 c-000" id="task-count" th:text="${taskCount}">0</strong>
            </div>
        </div>
    </div>
    <div class="wm-buttons-tab__wrap mt5">
        <div class="buttons-tab wm-buttons-tab">
            <a href="#tab1" class="tab-link button active" th:data-index="0">全部作业</a>
            <a href="#tab2" class="tab-link button" th:data-index="1">未完成</a>
            <a href="#tab3" class="tab-link button" th:data-index="2">已完成</a>
        </div>
    </div>
    <article class="page-infinite__wrap u-operation-infinite__wrap">
        <div class="page-group">
            <div id="page-infinite-scroll-bottom" class="page page-current">
                <div class="content infinite-scroll native-scroll record_wrap" data-type='native' data-distance="100">
                    <div class="tabs">
                        <!--<div id="tab1" class="tab content active">-->
                            <div class="list-block media-list">
                                <ul id="task-list">

                                </ul>
                            </div>
                        <!--</div>-->
                    </div>

                </div>
            </div>
        </div>
    </article>
</div>
<div data-th-replace="layout/footer"></div>
<script type="text/javascript" th:src="@{{path}/front/mobile/business/user/center/operation/operation-index.js?v={v}(path=${staticPath},v=${v})}" charset="utf-8"></script>
</body>
</html>